<template>
  <view class="addFn">
    <view class="content">
      <view class="singleMoneyApply" @click="toSingleMoneyApplyPage">
        单项经费申请
      </view>
      <view class="activityMoneyApply" @click="toActivityMoneyApply">
        活动经费申请
      </view>
    </view>
  </view>
</template>

<script setup>
  import {
    ref
  } from 'vue'
  function toSingleMoneyApplyPage() {
    uni.navigateTo({
      url: "/pages/apply/singleMoney/singleMoney"
    })
  }
  function toActivityMoneyApply() {
    uni.navigateTo({
      url: "/pages/apply/activityMoney/activityMoney"
    })
  }
</script>


<style lang="scss" scoped>
  .content {
    margin-top: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    .singleMoneyApply {
      border-radius: 25rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 400rpx;
      height: 400rpx;
      color: #fff;
      background: linear-gradient(to right, #26a4f5, #96c4f5);
      font-size: 45rpx;
      font-weight: 600;
      margin-bottom: 50rpx;
    }
    .activityMoneyApply {
      border-radius: 25rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 400rpx;
      height: 400rpx;
      color: #fff;
      background: linear-gradient(to right, #ef2e13, #ff6364);
      font-size: 45rpx;
      font-weight: 600;
    }
  }
</style>
